<!doctype html>
<html>
<head>
<?php $this->load->view('common_head'); ?>
<link href="<?php echo base_url(); ?>themes/site/default/css/dev/register.css?v=<?php echo UI_VERSION; ?>" rel="stylesheet" />
</head>
<body>
<div class="wrap">
	<?php $this->load->view('common_header'); ?>
	<div class="main_wrap">
		<div class="main cc">
			<div class="main_body">
				<div class="box_wrap register cc">
					<h2 class="reg_head">注册</h2>
					<div class="reg_cont_wrap">
						<div class="reg_cont">
							<?php echo form_open('user/register', array('id' => 'J_register_form')); ?>
								<div class="reg_form">
									<dl>
										<dt>
											<label for="J_reg_ifbroker">注册类型：</label>
										</dt>
										<dd>
											<span class="must_red">*</span>
											<input type="radio" checked="checked" value="0" name="ifbroker" />
											个人
											<input type="radio" value="1" name="ifbroker" />
											经纪人
										</dd>
										<dd class="dd_r" id="J_reg_tip_ifbroker" role="tooltip" aria-hidden="true"></dd>
									</dl>
									<dl>
										<dt>
											<label for="J_reg_username">用户名：</label>
										</dt>
										<dd><span class="must_red">*</span>
											<input aria-required="true" id="J_reg_username" data-id="username" name="username" type="text" class="input length_4 J_reg_input" maxlength="15" value="<?php echo set_value('username'); ?>" />
										</dd>
										<dd class="dd_r" id="J_reg_tip_username" role="tooltip" aria-hidden="true"><?php echo form_error('username'); ?></dd>
									</dl>
									<dl>
										<dt>
											<label for="J_reg_password">密码：</label>
										</dt>
										<dd><span class="must_red">*</span>
											<input aria-required="true" id="J_reg_password" data-id="password" name="password" type="password" class="input length_4" value="" />
										</dd>
										<dd class="dd_r" id="J_reg_tip_password" role="tooltip" aria-hidden="true"><?php echo form_error('password'); ?></dd>
									</dl>
									<dl>
										<dt>
											<label for="J_reg_repassword">确认密码：</label>
										</dt>
										<dd><span class="must_red">*</span>
											<input aria-required="true" id="J_reg_repassword" data-id="repassword" name="repassword" type="password" class="input length_4" value="" />
										</dd>
										<dd class="dd_r" id="J_reg_tip_repassword" role="tooltip" aria-hidden="true"><?php echo form_error('repassword'); ?></dd>
									</dl>
									<dl>
										<dt>
											<label for="J_reg_email">电子邮箱：</label>
										</dt>
										<dd>
											<div id="J_email_list" class="fl mail_down" style="display:;margin-top:27px;"></div>
											<span class="must_red">*</span>
											<input aria-required="true" autocomplete="off" id="J_reg_email" data-id="email" name="email" type="text" class="input length_4" maxlength="40" value="<?php echo set_value('email'); ?>" />
										</dd>
										<dd class="dd_r" id="J_reg_tip_email" role="tooltip" aria-hidden="true"><?php echo form_error('email'); ?></dd>
									</dl>
									<dl>
										<dt><label for="J_reg_mobile">手机号码：</label></dt>
										<dd><span class="must_red">*</span>
											<input aria-required="true" id="J_reg_mobile" data-id="mobile" name="mobile" type="text" class="input length_4" maxlength="11" value="<?php echo set_value('mobile'); ?>" /></dd>
										<dd class="dd_r" id="J_reg_tip_mobile" role="tooltip" aria-hidden="true"><?php echo form_error('mobile'); ?></dd>
									</dl>
									<dl>
										<dt>&nbsp;</dt>
										<dd>
											<button class="btn btn_big btn_submit mr20" type="submit">同意以下协议并注册</button>
										</dd>
									</dl>
									<div class="agreements">
										<div class="mb10"><a id="J_agreements_btn" href="" class="s4" title="点击显示本协议">《本站协议规章内容》</a></div>
										<pre id="J_agreements_content" class="p10" style="display:none;">当您申请用户时，表示您已经同意遵守本规章。 欢迎您加入本站点参加交流和讨论，本站点为公共论坛，为维护网上公共秩序和社会稳定，请您自觉遵守以下条款： <br>
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播下列信息： <br>
（一）煽动抗拒、破坏宪法和法律、行政法规实施的；
（二）煽动颠覆国家政权，推翻社会主义制度的；<br>
（三）煽动分裂国家、破坏国家统一的；<br>
（四）煽动民族仇恨、民族歧视，破坏民族团结的；<br>
（五）捏造或者歪曲事实，散布谣言，扰乱社会秩序的；<br>
（六）宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖、教唆犯罪的；<br>
（七）公然侮辱他人或者捏造事实诽谤他人的，或者进行其他恶意攻击的；<br>
（八）损害国家机关信誉的；<br>
（九）其他违反宪法和法律行政法规的；<br>
（十）进行商业广告行为的。<br>
二、互相尊重，对自己的言论和行为负责。<br>
三、禁止在申请用户时使用相关本站的词汇，或是带有侮辱、毁谤、造谣类的或是有其含义的各种语言进行注册用户，否则我们会将其删除。<br>
四、禁止以任何方式对本站进行各种破坏行为。<br>
五、如果您有违反国家相关法律法规的行为，本站概不负责，您的登录论坛信息均被记录无疑，必要时，我们会向相关的国家管理部门提供此类信息。 </pre>
									</div>
								</div>
							<?php echo form_close(); ?>
						</div>
					</div>
					<div class="reg_side">
						<div class="reg_side_cont">
							<p class="mb10">已经有帐号？</p>
							<p><a rel="nofollow" href="<?php echo site_url('user/login'); ?>" class="btn btn_big">立即登录</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--.main-wrap,#main End-->
	<?php $this->load->view('common_footer'); ?>
</div>
<script>
Wind.use('jquery', 'global', 'validate', 'emailAutoMatch', function(){
	//更换验证码
	Wind.Util.getVerifyTemp({
		wrap : $('#J_register_verify'),
		afterClick : function(){
			$('#J_reg_tip_code').html('');
			$('#J_reg_code').val('');
		}
	});
	
	//聚焦时默认提示
	var focus_tips = {
		ifbroker : '选择注册类型',
		username : '3-15位，不能有空格,支持中文、字母、数字、下划线和小数点',
		password : '密码最小长度6个字，最大长度15个字',
		repassword : '请再输入一遍您上面填写的密码',
		email : '请填写真实的电子邮箱',
		mobile : '',
	};
	
	//密码强度
	var passwordRank = {
		1 : '<span class="pwd_strength_1"></span>弱',
		2 : '<span class="pwd_strength_2"></span>弱',
		3 : '<span class="pwd_strength_3"></span>中',
		4 : '<span class="pwd_strength_4"></span>强'
	};
	
	var register_form = $("#J_register_form"),
		reg_username = $('#J_reg_username'), //用户名表单
		reg_password = $('#J_reg_password'), //密码表单
		reg_tip_password = $('#J_reg_tip_password'); //密码提示区

	register_form.find('dl:first input:text:visible').focus().parents('dl').addClass('current');

	//validate插件修改了remote ajax验证返回的response处理方式；增加密码强度提示 passwordRank
	register_form.validate({
		//debug : true,
		//onsubmit : false,
		errorPlacement: function(error, element) {
			//错误提示容器
			$('#J_reg_tip_'+ element[0].name).html(error);
		},
		errorElement: 'span',
		//invalidHandler : , 未验证通过 回调
		//ignore : '.ignore' 忽略验证
		//onkeyup : true,
		errorClass : 'tips_icon_error',
		validClass		: 'tips_icon_success',
		onkeyup : false,
		focusInvalid : false,
		rules: {
			ifbroker : {
				required : true,
				number: true
			},
			username : {
				required : true,
				//中文字节数限制，util_libs/validate.js 的扩展提示需要修改，pw9正式版后不知道会不会修复
				byteRangeLength : [3,15],
				remote : {
					url : "<?php echo base_url(); ?>user/checkusername", //后台处理程序
					type : 'post',//数据发送方式
					dataType: "json", //接收返回的数据格式
					data : { //ajax要post到php的数据
						username : function(){
							return $("#J_reg_username").val();
						},
						<?php echo $this->security->get_csrf_token_name(); ?> : function(){
							return '<?php echo $this->security->get_csrf_hash(); ?>';
						}
					}
					//返回的信息就是messagesss
				}
			},
			password : {
				required: true,
				rangelength: [6,15]
			},
			repassword : {
				required : true,
				equalTo : '#J_reg_password'
			},
			email : {
				required : true,
				maxlength : 40,
				email : true,
				remote : {
					url : "<?php echo base_url(); ?>user/checkemail",
					dataType: "json",
					type : 'post',
					data : {
						email :  function(){
							return $("#J_reg_email").val();
						},
						<?php echo $this->security->get_csrf_token_name(); ?> : function(){
							return '<?php echo $this->security->get_csrf_hash(); ?>';
						}
					}
				}
			},
			mobile : {
				required : true,
				maxlength : 11,
				isMobile: true
			}
		},
		highlight	: false,
		unhighlight	: function(element, errorClass, validClass) {
			var tip_elem = $('#J_reg_tip_'+ element.name);
			//if(element.name === 'password') {
				//if(reg_tip_password.data('rankcheck')){
					//密码表单且强度已验证
					//tip_elem.html('<span class="'+ validClass +'" data-text="text"><span>');
			//	}
			//}else{
			if(element.value){
				tip_elem.html('<span class="'+ validClass +'" data-text="text"><span>');
			}
		},
		onfocusin	: function(element){
			var id = element.name;
			$('#J_reg_tip_'+ id).html('<span class="reg_tips" data-text="text">'+ focus_tips[id] +'</span>');
			$(element).parents('dl').addClass('current');
		},
		onfocusout	:  function(element){
			var _this = this;
			$(element).parents('dl').removeClass('current');
			
			if(element.name === 'email') {
				//邮箱匹配点击后，延时处理
				setTimeout(function(){
					_this.element(element);
				}, 150);
			}else{
				if(element.name === 'password'){
					//防止重复绑定
					$(element).off('keyup');
					
					//失焦标识
					reg_tip_password.data('blur', 'blur');
				}
				_this.element(element);
			}
		},
		messages: {
			ifbroker : {
				required : '注册类型不能为空',
			},
			username : {
				required : '用户名不能为空',
				remote : '用户名已存在' //ajax验证默认提示
			},
			password : {
				required : '密码不能为空',
				remote : '密码不合要求' //ajax验证默认提示
			},
			repassword : {
				required : '确认密码不能为空',
				equalTo : '两次输入的密码不一致。请重新输入'
			},
			email : {
				required : '电子邮箱不能为空',
				email : '请输入正确的电子邮箱地址',
				remote : '该电子邮箱已被注册，请更换别邮箱' //ajax验证默认提示
			},
			mobile : {
				required : '手机号码不能为空',
			},
		}
	});
	
	
	//邮箱后缀匹配
	$('#J_reg_email').emailAutoMatch();
	
	//注册协议
	$('#J_agreements_btn').on('click', function(e){
		e.preventDefault();
		$('#J_agreements_content').toggle();
	});
	
});
</script>
</body>
</html>